<template>
	<view class='auditRejected'>
		<view class="list">
			<view class="title">
				<view>合同标题</view>
				<view>
					<tn-button bg-color="RGBA(29, 171, 242, 1)" font-size="24" :custom-style="{
						'padding': '16rpx 24rpx ',
						'box-sizing': 'border-box',
						'color': '#FFFFFF',
						'border-radius': '4rpx'
					}">重新签约</tn-button>
				</view>
			</view>
			<view class="content">
				<view>合同编号：</view>
				<view>HT2024010200134rpx</view>
			</view>
			<view class="content">
				<view>驳回原因：</view>
				<view>签名太潦草，不符合规定</view>
			</view>
		</view>
	</view>
</template>
<script setup name='auditRejected'></script>
<style lang='scss' scoped>
.auditRejected {
	background: RGBA(240, 243, 245, 1);
	padding: 48rpx 32rpx 0;
	box-sizing: border-box;
	font-family: PingFang SC, PingFang SC;

	.list {
		background: #FFFFFF;
		box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(3, 18, 26, 0.05);
		border-radius: 8rpx;
		padding: 32rpx;
		box-sizing: border-box;



		.title {
			display: flex;
			justify-content: space-between;
			margin-bottom: 16rpx;

			view:nth-child(1) {
				font-weight: 500;
				font-size: 28rpx;
				color: #14181A;
				line-height: 33rpx;
			}

			view:nth-child(2) {}
		}

		.content {
			font-weight: 400;
			color: #616466;
			line-height: 28rpx;
			display: flex;

			view:nth-child(1) {
				font-size: 24rpx;
				color: RGBA(97, 100, 102, 1);
			}

			view:nth-child(2) {
				font-size: 20rpx;
				color: RGBA(20, 24, 25, 1);
			}

			&:nth-child(2) {
				margin-bottom: 24rpx;
			}

		}
	}
}
</style>